/**
 * Created by 蓝景技术 on 2018/7/6.
 * webpack 自定义配置文件
 */

const HtmlWebpackPlugin = require('html-webpack-plugin'); //生成html页面插件，自动引入相关的js文件，css文件
const path = require('path');

const config = {
	//入口配置
	entry: {
		//入口文件，通常一个html一个入口
		index: ["./src/js/index.js"], //入口1
		// index2: ["./src/js/index2.js"], //入口1
	},
	//入口文件最终生成存放目录(这里的/表示服务器地址的根，比如www.shuai.com/)
	outputPublicPath:'/',
	
	//多入口的配置
	plugins : [
        //自动注入相关文件到
		new HtmlWebpackPlugin({
			filename: "index.html", //目录相对于output.path
			template: path.resolve(__dirname,"../src/index.html"),
			chunks:['index','commons','runtime'],
			minify: { //压缩HTML文件
				 removeComments: true, //移除HTML中的注释
				 collapseWhitespace: true, //删除空白符与换行符
				 removeAttributeQuotes: true //删除标签属性值的引号
			},
			favicon:path.resolve(__dirname,'../fav.ico'),
			title: "页面1",
			meta:{
				"keywords":"蓝景脚手架1",
				"description":"用webpack帮你快速搭建项目1"
			}
		}),
        //自动注入相关文件到
        // new HtmlWebpackPlugin({
			// filename: "page2.html", //目录相对于output.path
			// chunks:['index2','commons','runtime'],
			// template: path.resolve(__dirname,"../src/page2.html"),
			// minify: { //压缩HTML文件
			// 	 removeComments: true, //移除HTML中的注释
			// 	 collapseWhitespace: true, //删除空白符与换行符
			// 	 removeAttributeQuotes: true //删除标签属性值的引号
			// },
			// favicon:path.resolve(__dirname,'../fav.ico'),
			// title: "页面2",			//页面标题
			// meta:{					//页面SEO设置
			// 	"keywords":"蓝景脚手架2",
			// 	"description":"用webpack帮你快速搭建项目2"
			// }
        // })
    ],
	
	// 开发端口号
	serverPort : 9000 ,

	/* 设置网站类型  ， true 单页模式   false   多页模式
		 多页模式下：
		 1. 监听html的变化
		 单页模式下：
		 1. 开发模式下不监听html的变化，主要依赖热更新
		 2. 生产模式下，开启optimization设置，包括抽取单独抽取公共样式，JS等，压缩代码等
	*/
	isSPA : true ,

	//
	resolve: {
		//引入文件，可忽略后缀名
		extensions: [".js", ".css", ".scss",".vue"],
		//引入模块的别名
		alias: {
			"vue": "vue/dist/vue.min.js"
		}
	},

	//可以把一些特别大的第三方库，在html页面以cdn全局引入的形式使用，但需要在这里定义一下，键名就是你的第三方库名字，值就是你引用该库所用的变量名
	externals:{
		'vue':'Vue',
		'jquery':'jQuery'
	}
}

module.exports = config